<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <el-form-item label="案卷名称" prop="vname">
        <el-input
          v-model="queryParams.vname"
          placeholder="请输入案卷名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <!--      <el-form-item label="案卷编号" prop="listno">-->
      <!--        <el-input-->
      <!--          v-model="queryParams.listno"-->
      <!--          placeholder="请输入案卷编号"-->
      <!--          clearable-->
      <!--          @keyup.enter.native="handleQuery"-->
      <!--        />-->
      <!--      </el-form-item>-->
      <el-form-item label="档号" prop="volumeno">
        <el-input
          v-model="queryParams.volumeno"
          placeholder="请输入档号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <!--      <el-form-item label="文件题名" prop="tname">-->
      <!--        <el-input-->
      <!--          v-model="queryParams.tname"-->
      <!--          placeholder="请输入文件题名"-->
      <!--          clearable-->
      <!--          @keyup.enter.native="handleQuery"-->
      <!--        />-->
      <!--      </el-form-item>-->
      <el-form-item label="编制单位" prop="buildorganization">
        <el-input
          v-model="queryParams.buildorganization"
          placeholder="请输入编制单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="数量/单位" prop="amount" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.amount"
          placeholder="请输入数量/单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="纸张规格" prop="spec" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.spec"
          placeholder="请输入纸张规格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文件开始时间" prop="filestart" v-if="showAdvancedSearch">
        <el-date-picker clearable
                        v-model="queryParams.filestart"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择文件开始时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结束时间" prop="fileend" v-if="showAdvancedSearch">
        <el-date-picker clearable
                        v-model="queryParams.fileend"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="请选择结束时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="保存期限" prop="savetime" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.savetime"
          placeholder="请输入保存期限"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="级别" prop="securitylayer" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.securitylayer"
          placeholder="请输入级别"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="主题词" prop="thematic" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.thematic"
          placeholder="请输入主题词"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="附注" prop="annotations" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.annotations"
          placeholder="请输入附注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="总页数" prop="totalpage" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.totalpage"
          placeholder="请输入总页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="文字页数" prop="txtpage" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.txtpage"
          placeholder="请输入文字页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="图纸页数" prop="picpage" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.picpage"
          placeholder="请输入图纸页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="图片页数" prop="photopage" v-if="showAdvancedSearch">
        <el-input
          v-model="queryParams.photopage"
          placeholder="请输入图片页数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="存储位置" prop="intvumlist">
        <el-input
          v-model="queryParams.intvumlist"
          placeholder="请输入档案存储位置"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label-width="110px" label="案卷流水号" prop="volumeYuliu3">
        <el-input
          v-model="queryParams.volumeYuliu3"
          placeholder="请输入案卷流水号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label-width="120px" label="档案盒流水号" prop="volumeYuliu4">
        <el-input
          v-model="queryParams.volumeYuliu4"
          placeholder="请输入档案盒流水号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
    </el-form>
    <el-form>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button type="success" icon="el-icon-sort" size="mini" @click="toggleSearchMode">高级搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handlePack"
        >组盒
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleUnpack"
        >拆盒
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="multiple"
          @click="Update"
        >批量上架/修改
        </el-button>
        <!--        v-hasPermi="['system:volumeinfo:edit']"-->
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table ref="multipleTable" v-loading="loading" :data="volumeinfoList"
              @selection-change="handleSelectionChange"
              @row-click="handleRowClick"
              @sort-change="handleSortChange"
              highlight-selection-row
              :row-style="rowClass"
    >
      <el-table-column type="selection" width="55" align="center"/>
      <!--      <el-table-column label="id" align="center" prop="id"/>-->
      <el-table-column sortable="custom" label="档号" align="center" prop="volumeno" v-if="columns[1].visible"
                       width="180"/>
      <el-table-column label="案卷编号" align="center" prop="listno" v-if="columns[0].visible"/>
      <el-table-column sortable label="案卷名称" align="center" prop="vname" v-if="columns[4].visible" width="450"/>
      <el-table-column sortable="custom" label="流水号" align="center" prop="volumeYuliu3" v-if="columns[54].visible"
                       width="100">
      </el-table-column>
      <el-table-column sortable="custom" label="档案盒流水号" align="center" prop="volumeYuliu4" v-if="columns[55].visible" width="130">
        <div class="item" slot-scope="scope">
          <div class="item__txt">{{(scope.row.volumeYuliu4&&scope.row.volumeYuliu4!=='-1') ? scope.row.volumeYuliu4 : '未组盒'}}</div>
        </div>
      </el-table-column>
      <el-table-column label="编制单位" align="center" prop="buildorganization" v-if="columns[10].visible" width="200"/>
      <el-table-column label="数量" align="center" prop="amount" width="50"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="起始日期" align="center" prop="filestart" v-if="columns[15].visible" width="95">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.filestart, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="终止日期" align="center" prop="fileend" v-if="columns[16].visible" width="95">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.fileend, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="保存期限" align="center" prop="savetime" v-if="columns[17].visible" width="80"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="级别" align="center" prop="securitylayer" v-if="columns[18].visible" width="80"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="存储位置" align="center" prop="intvumlist" v-if="columns[49].visible"/>


      <el-table-column label="检查标志" align="center" prop="checkupflag" v-if="columns[5].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="拆卷标志" align="center" prop="openflag" v-if="columns[6].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="完成标志" align="center" prop="finishflag" v-if="columns[7].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="案卷类型" align="center" prop="vtype" v-if="columns[8].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="文件题名" align="center" prop="tname" v-if="columns[9].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="【废弃】编制时间" align="center" prop="buildorganizationdate" v-if="columns[11].visible"
                       :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.buildorganizationdate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="载体类型" align="center" prop="carrietype" v-if="columns[12].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="纸张规格" align="center" prop="spec" v-if="columns[14].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="主题词" align="center" prop="thematic" v-if="columns[19].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="附注" align="center" prop="annotations" v-if="columns[20].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="文件总数" align="center" prop="totalfile" v-if="columns[21].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="总页数" align="center" prop="totalpage" v-if="columns[22].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="文字页数" align="center" prop="txtpage" v-if="columns[23].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="图纸页数" align="center" prop="picpage" v-if="columns[24].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="图片页数" align="center" prop="photopage" v-if="columns[25].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="创建人" align="center" prop="cmen" v-if="columns[26].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="创建时间" align="center" prop="ctime" width="180" v-if="columns[27].visible"
                       :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.ctime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="校对人" align="center" prop="assessor" v-if="columns[28].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="校对时间" align="center" prop="atime" width="180" v-if="columns[29].visible"
                       :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.atime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="备注" align="center" prop="content" v-if="columns[30].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="是否在本地" align="center" prop="islocate" v-if="columns[31].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="录制说明" align="center" prop="lcontent" v-if="columns[32].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="录制单位" align="center" prop="lcompany" v-if="columns[33].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="带长" align="center" prop="llen" v-if="columns[34].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="立卷人" align="center" prop="injectionperson" v-if="columns[35].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="立卷时间" align="center" prop="injectiondate" v-if="columns[36].visible"
                       :show-overflow-tooltip="true" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.injectiondate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="审核人" align="center" prop="checkperson" v-if="columns[37].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="审核时间" align="center" prop="checkdate" width="180" v-if="columns[38].visible"
                       :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.checkdate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="录制地点" align="center" prop="jplace" v-if="columns[39].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="录制人" align="center" prop="jman" v-if="columns[40].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="图号" align="center" prop="tnum" v-if="columns[41].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="图纸比例" align="center" prop="tzoom" v-if="columns[42].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="版本号" align="center" prop="tvision" v-if="columns[43].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="总全宗号" align="center" prop="intmaxnum" v-if="columns[44].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="全宗号" align="center" prop="fontsnum" v-if="columns[45].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="全总名称" align="center" prop="fontsname" v-if="columns[46].visible"
                       :show-overflow-tooltip="true"/>
      <!--      <el-table-column label="工程id" align="center" prop="regprojid" v-if="columns[47].visible"/>-->
      <el-table-column label="缩微号" align="center" prop="zoonum" v-if="columns[48].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="电子档案保存路径" align="center" prop="path" v-if="columns[50].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="原实体档案存放位置" align="center" prop="storeposition" v-if="columns[51].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="预留1" align="center" prop="volumeYuliu1" v-if="columns[52].visible"
                       :show-overflow-tooltip="true"/>
      <el-table-column label="单位名称" align="center" prop="volumeYuliu2" v-if="columns[53].visible"
                       :show-overflow-tooltip="true"/>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

<!--    &lt;!&ndash; 添加或修改案卷表对话框 &ndash;&gt;-->
<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
<!--        <el-form-item label="案卷编号" prop="listno">-->
<!--          <el-input v-model="form.listno" placeholder="请输入案卷编号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="档号" prop="volumeno">-->
<!--          <el-input v-model="form.volumeno" placeholder="请输入档号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="分类id" prop="indexId">-->
<!--          <el-input v-model="form.indexId" placeholder="请输入分类id"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="【废弃】工程id，有重复列" prop="projid">-->
<!--          <el-input v-model="form.projid" placeholder="请输入【废弃】工程id，有重复列"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="案卷名称" prop="vname">-->
<!--          <el-input v-model="form.vname" placeholder="请输入案卷名称"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="检查标志" prop="checkupflag">-->
<!--          <el-input v-model="form.checkupflag" placeholder="请输入检查标志"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="拆卷标志" prop="openflag">-->
<!--          <el-input v-model="form.openflag" placeholder="请输入拆卷标志"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="完成标志" prop="finishflag">-->
<!--          <el-input v-model="form.finishflag" placeholder="请输入完成标志"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="文件题名" prop="tname">-->
<!--          <el-input v-model="form.tname" placeholder="请输入文件题名"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="编制单位" prop="buildorganization">-->
<!--          <el-input v-model="form.buildorganization" placeholder="请输入编制单位"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="【废弃】编制时间" prop="buildorganizationdate">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.buildorganizationdate"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择【废弃】编制时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="数量/单位" prop="amount">-->
<!--          <el-input v-model="form.amount" placeholder="请输入数量/单位"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="纸张规格" prop="spec">-->
<!--          <el-input v-model="form.spec" placeholder="请输入纸张规格"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="文件开始时间" prop="filestart">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.filestart"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择文件开始时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="结束时间" prop="fileend">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.fileend"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择结束时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="保存期限" prop="savetime">-->
<!--          <el-input v-model="form.savetime" placeholder="请输入保存期限"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="级别" prop="securitylayer">-->
<!--          <el-input v-model="form.securitylayer" placeholder="请输入级别"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="主题词" prop="thematic">-->
<!--          <el-input v-model="form.thematic" placeholder="请输入主题词"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="附注" prop="annotations">-->
<!--          <el-input v-model="form.annotations" placeholder="请输入附注"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="文件总数" prop="totalfile">-->
<!--          <file-upload v-model="form.totalfile"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="总页数" prop="totalpage">-->
<!--          <el-input v-model="form.totalpage" placeholder="请输入总页数"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="文字页数" prop="txtpage">-->
<!--          <el-input v-model="form.txtpage" placeholder="请输入文字页数"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="图纸页数" prop="picpage">-->
<!--          <el-input v-model="form.picpage" placeholder="请输入图纸页数"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="图片页数" prop="photopage">-->
<!--          <el-input v-model="form.photopage" placeholder="请输入图片页数"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="创建人" prop="cmen">-->
<!--          <el-input v-model="form.cmen" placeholder="请输入创建人"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="创建时间" prop="ctime">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.ctime"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择创建时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="校对人" prop="assessor">-->
<!--          <el-input v-model="form.assessor" placeholder="请输入校对人"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="校对时间" prop="atime">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.atime"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择校对时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="备注">-->
<!--          <editor v-model="form.content" :min-height="192"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="是否在本地" prop="islocate">-->
<!--          <el-input v-model="form.islocate" placeholder="请输入是否在本地"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="录制说明">-->
<!--          <editor v-model="form.lcontent" :min-height="192"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="录制单位" prop="lcompany">-->
<!--          <el-input v-model="form.lcompany" placeholder="请输入录制单位"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="带长" prop="llen">-->
<!--          <el-input v-model="form.llen" placeholder="请输入带长"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="立卷人" prop="injectionperson">-->
<!--          <el-input v-model="form.injectionperson" placeholder="请输入立卷人"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="立卷时间" prop="injectiondate">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.injectiondate"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择立卷时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="审核人" prop="checkperson">-->
<!--          <el-input v-model="form.checkperson" placeholder="请输入审核人"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="审核时间" prop="checkdate">-->
<!--          <el-date-picker clearable-->
<!--                          v-model="form.checkdate"-->
<!--                          type="date"-->
<!--                          value-format="yyyy-MM-dd"-->
<!--                          placeholder="请选择审核时间">-->
<!--          </el-date-picker>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="录制地点" prop="jplace">-->
<!--          <el-input v-model="form.jplace" placeholder="请输入录制地点"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="录制人" prop="jman">-->
<!--          <el-input v-model="form.jman" placeholder="请输入录制人"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="图号" prop="tnum">-->
<!--          <el-input v-model="form.tnum" placeholder="请输入图号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="图纸比例" prop="tzoom">-->
<!--          <el-input v-model="form.tzoom" placeholder="请输入图纸比例"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="版本号" prop="tvision">-->
<!--          <el-input v-model="form.tvision" placeholder="请输入版本号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="总全宗号" prop="intmaxnum">-->
<!--          <el-input v-model="form.intmaxnum" placeholder="请输入总全宗号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="全宗号" prop="fontsnum">-->
<!--          <el-input v-model="form.fontsnum" placeholder="请输入全宗号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="全总名称" prop="fontsname">-->
<!--          <el-input v-model="form.fontsname" placeholder="请输入全总名称"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="工程id" prop="regprojid">-->
<!--          <el-input v-model="form.regprojid" placeholder="请输入工程id"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="缩微号" prop="zoonum">-->
<!--          <el-input v-model="form.zoonum" placeholder="请输入缩微号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="档案存储位置" prop="intvumlist">-->
<!--          <el-input v-model="form.intvumlist" placeholder="请输入档案存储位置"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="电子档案保存路径" prop="path">-->
<!--          <el-input v-model="form.path" placeholder="请输入电子档案保存路径"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="原实体档案存放位置" prop="storeposition">-->
<!--          <el-input v-model="form.storeposition" placeholder="请输入原实体档案存放位置"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="预留1" prop="volumeYuliu1">-->
<!--          <el-input v-model="form.volumeYuliu1" placeholder="请输入预留1"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="单位名称" prop="volumeYuliu2">-->
<!--          <el-input v-model="form.volumeYuliu2" placeholder="请输入单位名称"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="案卷流水号" prop="volumeYuliu3">-->
<!--          <el-input v-model="form.volumeYuliu3" placeholder="请输入案卷流水号"/>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="档案盒流水号" prop="volumeYuliu4">-->
<!--          <el-input v-model="form.volumeYuliu4" placeholder="请输入档案盒流水号"/>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button type="primary" @click="submitForm">确 定</el-button>-->
<!--        <el-button @click="cancel">取 消</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

    <!-- 组卷对话框 -->
    <el-dialog :title="title" :visible.sync="openPack" width="600px" append-to-body v-dialog-drag v-dialog-drag-width v-dialog-drag-height :close-on-click-modal = "false">
      <el-form ref="form" :model="form" :rules="rules" label-width="150px" @submit.native.prevent>
        <el-form-item label="档案盒流水号" prop="volumeYuliu3">
          <el-input v-model="form.volumeYuliu4" placeholder="请输入档案盒流水号"/>
        </el-form-item>
        <el-form-item label="档案存储位置" prop="intvumlist">
          <el-input v-model="form.intvumlist" placeholder="请输入档案存储位置"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitPack">确 定</el-button>
        <el-button @click="cancelPack">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="档案存储位置" prop="intvumlist">
          <el-input v-model="form.intvumlist" placeholder="请输入档案存储位置"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitStorage">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
  import {
    listVolumeinfo,
    getVolumeinfo,
    delVolumeinfo,
    addVolumeinfo,
    updateVolumeinfo,
  } from "@/api/system/volumeinfo";
  import item from "@/layout/components/Sidebar/Item.vue";
  import {getVolumeInfoById, listVolumeinfoBy} from "../../../api/system/volumeinfo";

  export default {
    name: "Volumeinfo",
    watch: {
      multipleSelection(data) {  //存储选中的row
        this.selectRow = [];
        if (data.length > 0) {
          data.forEach((item, index) => {
            this.selectRow.push(item.id);
          });
        }
      }
    },
    data() {
      return {
        selectRow: [],
        multipleSelection: [],
        showAdvancedSearch: false, // 初始时为简单搜索模式
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        idForm: {},
        idsArray: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 案卷表表格数据
        volumeinfoList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        openPack: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          listno: null,
          oldid: null,
          ruleflag: null,
          rulepid: null,
          volumeno: null,
          sumflag: null,
          topid: null,
          indexId: null,
          projid: null,
          vflag: null,
          vname: null,
          year: null,
          glidenum: null,
          filingflag: null,
          checkupflag: null,
          openflag: null,
          finishflag: null,
          vtagnum: null,
          vtype: null,
          vnum: null,
          vtmpnum: null,
          roomnum: null,
          efilenum: null,
          boxnum: null,
          tname: null,
          buildorganization: null,
          buildorganizationdate: null,
          carrietype: null,
          amount: null,
          spec: null,
          filestart: null,
          fileend: null,
          savetime: null,
          securitylayer: null,
          thematic: null,
          annotations: null,
          totalfile: null,
          totalpage: null,
          txtpage: null,
          picpage: null,
          photopage: null,
          cmen: null,
          ctime: null,
          assessor: null,
          atime: null,
          content: null,
          islocate: null,
          topnode: null,
          lcontent: null,
          lcompany: null,
          llen: null,
          injectionperson: null,
          injectiondate: null,
          checkperson: null,
          checkdate: null,
          jplace: null,
          jman: null,
          tnum: null,
          tzoom: null,
          tflag: null,
          tviewer: null,
          tassessor: null,
          tdesigner: null,
          tvision: null,
          finishday: null,
          intmaxnum: null,
          fontsnum: null,
          fontsname: null,
          regprojid: null,
          zoonum: null,
          strmaxnum: null,
          intvumlist: null,
          path: null,
          storeposition: null,
          volumeYuliu1: null,
          volumeYuliu2: null,
          volumeYuliu3: null,
          volumeYuliu4: null
        },
        // 表单参数
        form: {volumeYuliu4: ''},
        // 列信息
        columns: [
          {key: 0, label: `案卷编号`, visible: false},
          {key: 1, label: `档号`, visible: true},
          {key: 2, label: `分类id`, visible: false},
          {key: 3, label: `【废弃】工程id，有重复列`, visible: false},
          {key: 4, label: `案卷名称`, visible: true},
          {key: 5, label: `检查标志`, visible: false},
          {key: 6, label: `拆卷标志`, visible: false},
          {key: 7, label: `完成标志`, visible: false},
          {key: 8, label: `案卷类型`, visible: false},
          {key: 9, label: `文件题名`, visible: false},
          {key: 10, label: `编制单位`, visible: true},
          {key: 11, label: `【废弃】编制时间`, visible: false},
          {key: 12, label: `载体类型`, visible: false},
          {key: 13, label: `数量/单位`, visible: false},
          {key: 14, label: `纸张规格`, visible: false},
          {key: 15, label: `文件开始时间`, visible: true},
          {key: 16, label: `结束时间`, visible: true},
          {key: 17, label: `保存期限`, visible: true},
          {key: 18, label: `级别`, visible: true},
          {key: 19, label: `主题词`, visible: false},
          {key: 20, label: `附注`, visible: false},
          {key: 21, label: `文件总数`, visible: false},
          {key: 22, label: `总页数`, visible: false},
          {key: 23, label: '文字页数', visible: false},
          {key: 24, label: `图纸页数`, visible: false},
          {key: 25, label: `图片页数`, visible: false},
          {key: 26, label: `创建人`, visible: false},
          {key: 27, label: `创建时间`, visible: false},
          {key: 28, label: `校对人`, visible: false},
          {key: 29, label: `校对时间`, visible: false},
          {key: 30, label: `备注`, visible: false},
          {key: 31, label: `是否在本地`, visible: false},
          {key: 32, label: `录制说明`, visible: false},
          {key: 33, label: `录制单位`, visible: false},
          {key: 34, label: `带长`, visible: false},
          {key: 35, label: `立卷人`, visible: false},
          {key: 36, label: `立卷时间`, visible: false},
          {key: 37, label: `审核人`, visible: false},
          {key: 38, label: `审核时间`, visible: false},
          {key: 39, label: `录制地点`, visible: false},
          {key: 40, label: `录制人`, visible: false},
          {key: 41, label: `图号`, visible: false},
          {key: 42, label: `图纸比例`, visible: false},
          {key: 43, label: `版本号`, visible: false},
          {key: 44, label: `总全宗号`, visible: false},
          {key: 45, label: `全宗号`, visible: false},
          {key: 46, label: `全总名称`, visible: false},
          {key: 47, label: '工程id', visible: true},
          {key: 48, label: `缩微号`, visible: false},
          {key: 49, label: `档案存储位置`, visible: true},
          {key: 50, label: `电子档案保存路径`, visible: false},
          {key: 51, label: `原实体档案存放位置`, visible: false},
          {key: 52, label: `预留1`, visible: false},
          {key: 53, label: `单位名称`, visible: false},
          {key: 54, label: `案卷流水号`, visible: true},
          {key: 55, label: `档案盒流水号`, visible: true},
          {key: 56, label: `操作`, visible: true},
        ],
        // 表单校验
        rules: {},
        // editProp:['volumeYuliu3'],
        // // 保存进入编辑的cell
        // clickCellMap: {}
        volumeYuliu4: ''
      };
    },
    created() {
      this.getList();
    },
    methods: {
      toggleSearchMode() {
        this.showAdvancedSearch = !this.showAdvancedSearch;
      },
      handleSortChange({column, prop, order}) {
        if (prop === "volumeYuliu4") {
          prop = "volume_yuliu4";
        } else if (prop === "volumeYuliu3") {
          prop = "volume_yuliu3";
        }
        this.queryParams.year = prop + "-" + order;
        this.getList();
      },
      /** 查询案卷表列表 */
      getList() {
        this.loading = true;
        listVolumeinfoBy(this.queryParams).then(response => {
          this.volumeinfoList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          id: null,
          listno: null,
          oldid: null,
          ruleflag: null,
          rulepid: null,
          volumeno: null,
          sumflag: null,
          topid: null,
          indexId: null,
          projid: null,
          vflag: null,
          vname: null,
          year: null,
          glidenum: null,
          filingflag: null,
          checkupflag: null,
          openflag: null,
          finishflag: null,
          vtagnum: null,
          vtype: null,
          vnum: null,
          vtmpnum: null,
          roomnum: null,
          efilenum: null,
          boxnum: null,
          tname: null,
          buildorganization: null,
          buildorganizationdate: null,
          carrietype: null,
          amount: null,
          spec: null,
          filestart: null,
          fileend: null,
          savetime: null,
          securitylayer: null,
          thematic: null,
          annotations: null,
          totalfile: null,
          totalpage: null,
          txtpage: null,
          picpage: null,
          photopage: null,
          cmen: null,
          ctime: null,
          assessor: null,
          atime: null,
          content: null,
          islocate: null,
          topnode: null,
          lcontent: null,
          lcompany: null,
          llen: null,
          injectionperson: null,
          injectiondate: null,
          checkperson: null,
          checkdate: null,
          jplace: null,
          jman: null,
          tnum: null,
          tzoom: null,
          tflag: null,
          tviewer: null,
          tassessor: null,
          tdesigner: null,
          tvision: null,
          finishday: null,
          intmaxnum: null,
          fontsnum: null,
          fontsname: null,
          regprojid: null,
          zoonum: null,
          strmaxnum: null,
          intvumlist: null,
          path: null,
          storeposition: null,
          volumeYuliu1: null,
          volumeYuliu2: null,
          volumeYuliu3: null,
          volumeYuliu4: null
        };
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.id)
        this.volumeYuliu4 = selection.map(item => item.volumeYuliu4)
        this.single = selection.length !== 1
        this.multiple = !selection.length
        this.multipleSelection = selection;
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加案卷表";
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        this.reset();
        const id = row.id || this.ids
        getVolumeinfo(id).then(response => {
          this.form = response.data;
          this.open = true;
          this.title = "修改案卷表";
        });
      },
      rowClass({ row, rowIndex }) {
        if (this.selectRow.includes(row.id)) {
          return { "background-color": "rgba(26,115,198,0.3)" };
        }
      },
      Update(row) {
        this.reset();
        if (this.ids.length === 0) {
          this.idForm.id = row.id;
        } else {
          this.idForm.ids = this.ids;
        }
        getVolumeInfoById(this.idForm).then(response => {
          this.form = response.data;
          this.open = true;
          this.title = "案卷上架/修改";
        })
      },
      submitStorage() {
        this.$refs["form"].validate(valid => {
          if (valid) {
            this.loading = true;
            const idArray = this.idForm.ids;
            idArray.forEach(id => {
              var params = {}
              params.id = id;
              params.intvumlist = this.form.intvumlist
              updateVolumeinfo(params).then(response => {
              });
            })
            this.$modal.msgSuccess(`上架成功`);
            this.open = false;
            this.getList();
            this.loading = false;
          }
        });
      },
      /** 提交按钮 */
      submitForm() {
        this.$refs["form"].validate(valid => {
          if (valid) {
            if (this.form.id != null) {
              updateVolumeinfo(this.form).then(response => {
                this.$modal.msgSuccess("修改成功");
                this.open = false;
                this.getList();
              });
            } else {
              addVolumeinfo(this.form).then(response => {
                this.$modal.msgSuccess("新增成功");
                this.open = false;
                this.getList();
              });
            }
          }
        });
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const ids = row.id || this.ids;
        this.$modal.confirm('是否确认删除案卷表编号为"' + ids + '"的数据项？').then(function () {
          return delVolumeinfo(ids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {
        });
      },
      handleRowClick(row, column, event) {
        this.$refs.multipleTable.toggleRowSelection(row);
      },
      /** 导出按钮操作 */
      handleExport() {
        this.download('system/volumeinfo/export', {
          ...this.queryParams
        }, `volumeinfo_${new Date().getTime()}.xlsx`)
      },
      /** 装盒按钮操作 */
      async handlePack(row) {
        // console.log(row)
        const ids = row.id || this.ids;
        this.idsArray = row.id || this.ids;
        // console.log(ids) //数组['input2021063035', 'input2021063034', __ob__: Observer]
        var num = 0; //计数器，累加案卷流水号不为空，档案盒流水号为空的长度
        this.form.volumeYuliu4 = null;
        for (var a = 0; a < ids.length; a++) {
          var id = ids[a].toString()
          var param = {}
          param.id = id;
          await listVolumeinfo(param).then(res => {
            // console.log(res.rows[0])
            //只有ids数组中，所有id的案卷流水号不为空，档案盒流水号为空，才能进行装盒
            if (res.rows[0].volumeYuliu3 != null && res.rows[0].volumeYuliu3 !== "") {
              if (res.rows[0].volumeYuliu4 === '-1' || res.rows[0].volumeYuliu4 === null) {
                num += 1;
                // this.form.volumeYuliu4 = this.form.volumeYuliu4 + res.rows[0].volumeYuliu3
                // console.log(this.form.volumeYuliu4)
                // console.log(num)
              }
            }
          })
        }
        //当累加案卷流水号不为空，档案盒流水号为空的长度 = ids长度后，则可进行装盒
        if (num === ids.length && ids.length !== 0) {
          // console.log("可以装盒")
          //弹出组卷dialog
          this.title = "组盒页面";
          this.openPack = true;
        } else {
          this.form.volumeYuliu4 = null;
          this.$modal.msgError("无法进行装盒操作，案卷流水号为空或已有档案盒流水号！");
          num = 0
        }
      },

      /** 装盒 */
      async submitPack() {
        const ids = this.idsArray;
        // console.log("submitPack的ids", ids)
        if (this.form.volumeYuliu4 != null) {
          // console.log(this.form.volumeYuliu4)
          var packForm = {};
          packForm.volumeYuliu4 = this.form.volumeYuliu4;
          packForm.intvumlist= this.form.intvumlist;
          for (var i = 0; i < ids.length; i++) {
            packForm.id = ids[i];
            await updateVolumeinfo(packForm).then(response => {
              this.openPack = false;
              this.getList();
            });
          }
          this.openPack = false;
          this.$modal.msgSuccess("装盒成功");
          this.form.volumeYuliu4 = null;
          this.reset();
          this.getList();
        }
      },
      /** 拆盒按钮操作 */
      // async handleUnpack(row) {
      //   // console.log(row)
      //   const ids = row.id || this.ids;
      //   this.idsArray = row.id || this.ids;
      //   // console.log(ids) //数组['input2021063035', 'input2021063034', __ob__: Observer]
      //   var result = null; //接收比较结果
      //   await this.compare(ids).then(res => {
      //     result = res
      //   })
      //   if (result === 1) {
      //     // console.log("可以拆盒")
      //     this.$modal.confirm('是否确认拆分案卷盒号为"' + ids + '"的数据项？').then(function () {
      //       var packForm = {};
      //       packForm.volumeYuliu4 = ""; //将盒号赋空
      //       for (var i = 0; i < ids.length; i++) {
      //         packForm.id = ids[i];
      //         updateVolumeinfo(packForm).then(response => {
      //           // this.$modal.msgSuccess("拆盒成功");
      //         });
      //       }
      //       // return delVolumeinfo(ids);
      //     }).then(() => {
      //       this.openPack = false;
      //       this.getList();
      //       this.$modal.msgSuccess("拆盒成功");
      //     }).catch(() => {
      //     });
      //
      //   } else if (result === 0) {
      //     this.$modal.msgError("请检查已勾选的盒号，是否属于同一盒。若不属于，则不可以拆盒");
      //   } else if (result === 2) {
      //     this.$modal.msgError("盒流水号为空，不需要拆盒");
      //   }
      // },
      async handleUnpack(row) {
        const ids = row.id || this.ids;
        this.idsArray = row.id || this.ids;
        try {
          const result = await this.compare(ids);
          if (result === 1) {
            const confirmResult = await this.$modal.confirm('是否确认拆分档案盒流水号为"' + this.volumeYuliu4[0] + '"的数据项？');
            if (confirmResult) {
              const qparam = {volumeYuliu4: this.volumeYuliu4[0]};
              const res = await listVolumeinfo(qparam);
              for (const item of res.rows) {
                const packForm = {id: item.id, volumeYuliu4:-1, intvumlist: ''};
                await updateVolumeinfo(packForm);
              }
              this.openPack = false;
              this.getList();
              this.$modal.msgSuccess("拆盒成功");
            }
          } else if (result === 0) {
            this.$modal.msgError("请检查已勾选的盒号，是否属于同一盒。若不属于，则不可以拆盒");
          } else if (result === 2) {
            this.$modal.msgError("盒流水号为空，不需要拆盒");
          } else if (result === 3) {
            this.$modal.msgError("当前未选中案卷");
          }
        } catch (error) {
          console.error("拆盒操作出现错误:", error);
        }
      },
      cancelPack() {
        this.openPack = false;
        this.reset();
      },
      //比较
      async compare(ids) {
        var count = 1;
        //1：相等，0：不相等
        var result = 0;
        var first = null;
        // console.log("compare接受的ids", ids)
        var query = {}
        query.id = ids[0]
        await listVolumeinfo(query).then(res => {
          // console.log(res)
          console.log(res.rows[0].volumeYuliu4)
          first = res.rows[0].volumeYuliu4;
        })
        if (ids.length === 0) {
          result = 3;
          console.log(3)
          return result;
        } else if (first === null || first === ""|| first === "-1") {
          result = 2;
          return result;
        } else {
          if (ids.length > 1) {//如果ids中多于1个元素，则进行判断
            var info = null;
            for (var i = 1; i < ids.length; i++) {
              query.id = ids[i]
              await listVolumeinfo(query).then(res => {
                // console.log(res.rows[0].volumeYuliu4)
                info = res.rows[0].volumeYuliu4;
                console.log(info)
              })
              if (info === first && info.length !== 0) {//每一次让首元素与后面的依次比较，如果相等且非空，则为1，否则为0
                count += 1; //最后count数与ids.length相同，则说明相同
              }
            }
            if (count === ids.length) result = 1;
            else result = 0;
          } else {
            result = 1;
          }
        }
        return result;
      },
    },

  };
</script>
<style lang='scss'>
  .item {
    .item__input {
      display: none;
      width: 150px;
      ///* 调整elementUI中样式 如果不需要调整请忽略 */
      //.el-input__inner{
      //  height: 24px!important;
      //}
      ///* 调整elementUI中样式 如果不需要调整请忽略 */
      //.el-input__suffix{
      //  i{
      //    font-size: 12px !important;
      //    line-height: 26px !important;
      //  }
      //}
    }

    .item__txt {
      //box-sizing: border-box;
      line-height: 24px;
      color: #46a6ff;
      //padding: 0 9px;
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td {
      background: #00bbee;
      color: #ffffff;
    }
    .el-table__body tr.current-row > td {
      background-color: #00bbee !important;
    }
  }
</style>
